<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/swiper.min.css">
    <link rel="stylesheet" href="/css/home.css">
    <link rel="stylesheet" href="/css/tabbar.css">
    <script src="/js/swiper.min.js"></script>
    <script src="/js/base.js"></script>
  </head>
  <body class="home">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="/assets/home_banner.png" width="100%"></div>
        <div class="swiper-slide"><img src="/assets/home_banner.png" width="100%"></div>
        <div class="swiper-slide"><img src="/assets/home_banner.png" width="100%"></div>
        <div class="swiper-slide"><img src="/assets/home_banner.png" width="100%"></div>
        <div class="swiper-slide"><img src="/assets/home_banner.png" width="100%"></div>
        <div class="swiper-slide"><img src="/assets/home_banner.png" width="100%"></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination" style="margin-bottom: 10px; width: 100%;"></div>
    </div>
    <div class="news">
      <div class="news_title">
        最新消息
      </div>
      <div class="news_wrap">
        <div class="news_content">
          <span class="news_tip">重要</span>
          <span class="news_txt">模拟投影解决方案课程准备开课.</span>
        </div>
        <div class="news_content">
          <span class="news_tip">提醒</span>
          <span class="news_txt">学习资料已发布，请按时完成快来看看.</span>
        </div>
      </div>
    </div>
    <div class="school">
      <a class="school_list">
        <div class="school_icon"><img src="/assets/home_school_product.png" alt=""></div>
        <div class="school_name">产品学院</div>
      </a>
      <a class="school_list">
        <div class="school_icon"><img src="/assets/home_school_sale.png" alt=""></div>
        <div class="school_name">销售学院</div>
      </a>
      <a class="school_list">
        <div class="school_icon"><img src="/assets/home_school_net.png" alt=""></div>
        <div class="school_name">网格推广学院</div>
      </a>
      <a class="school_list">
        <div class="school_icon"><img src="/assets/home_school_tec.png" alt=""></div>
        <div class="school_name">技术学院</div>
      </a>
    </div>
    <div class="lesson_title">最新课程</div>
    <div class="lesson">
      <div class="lesson_list">
        <div class="lesson_wrap">
          <img src="/assets/home_lesson.png" alt="" width="100%">
          <span class="lesson_time">2019-09-10 09:00</span>
        </div>
        <div class="lesson_desc">
          <div class="lesson_name">漆面膜基础知识培训课程</div>
          <div class="lesson_teacher">讲师：吴芳文</div>
        </div>
      </div>
      <div class="lesson_list">
        <div class="lesson_wrap">
          <img src="/assets/home_lesson.png" alt="" width="100%">
          <span class="lesson_time">2019-09-10 09:00</span>
        </div>
        <div class="lesson_desc">
          <div class="lesson_name">漆面膜基础知识培训课程</div>
          <div class="lesson_teacher">讲师：吴芳文</div>
        </div>
      </div>
    </div>
    <div class="other">
      <img src="/assets/home_other.png" alt="" width="100%">
    </div>
    <div class="class_title">推荐课程</div>
    <div class="class">
      <div class="class_list">
        <div class="class_name">中凌太阳膜基础知识培训</div>
        <div class="class_school_name"> — 产品学院</div>
        <div class="class_img">
          <img src="/assets/home_banner.png" width="100%">
          <div class="class_play_icon">
            <img src="/assets/home_class_play_big.png" width="100%">
          </div>
        </div>
        <div class="class_footer">
          <div class="class_people">已观看人数：25</div>
          <a class="class_btn">进入培训</a>
        </div>
      </div>
      <div class="class_list">
        <div class="class_name">中凌太阳膜基础知识培训</div>
        <div class="class_school_name"> — 产品学院</div>
        <div class="class_img">
          <img src="/assets/home_banner.png" width="100%">
          <div class="class_play_icon">
            <img src="/assets/home_class_play_big.png" width="100%">
          </div>
        </div>
        <div class="class_footer">
          <div class="class_people">已观看人数：25</div>
          <a class="class_btn">进入培训</a>
        </div>
      </div>
    </div>
    <div class="tabbar">
      <div class="tabbar_cell active">
        <div class="tabbar_icon home">
          <img src="/assets/tabbar_icon_home.png">
          <img src="/assets/tabbar_icon_home_active.png">
        </div>
        <div class="tabbar_name">首页</div>
      </div>
      <div class="tabbar_cell">
        <div class="tabbar_icon college">
          <img src="/assets/tabbar_icon_college.png">
          <img src="/assets/tabbar_icon_college_active.png">
        </div>
        <div class="tabbar_name">课程</div>
      </div>
      <div class="tabbar_cell">
        <div class="tabbar_icon mine">
          <img src="/assets/tabbar_icon_mine.png">
          <img src="/assets/tabbar_icon_mine_active.png">
        </div>
        <div class="tabbar_name">我的</div>
      </div>
    </div>
    <!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper('.swiper-container', {
        speed:300,
        autoplay : {
          delay:3000
        },
        pagination: {
          el: '.swiper-pagination'
        },
      })
    </script>
  </body>
</html>
